import React from 'react'
import { Zero } from 'zero'
import { Heaven } from 'heaven'
import './It.scss'

export var Template = (
    <Zero.Site>
        <Zero.Header className="it-header">
            <Zero.Pic className="p-header-logo" gridArea="1/1/2/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-18.png"></Zero.Pic>
            <Zero.NavPage className="it-nav" gridArea="1/2/2/3" theme="it" navList={[
                {
                    type: "section",
                    pageTitle: '首页',
                    id: 'spa-section-1',
                }, {
                    type: "section",
                    pageTitle: '关于我们',
                    id: 'spa-section-2',


                }, {
                    type: "section",
                    pageTitle: '案例展示',
                    id: 'spa-section-3'
                }, {
                    pageTitle: '服务优势',
                    id: 'spa-section-4',
                    type: "section"

                }
                , {
                    pageTitle: '团队介绍',
                    id: 'spa-section-5',
                    type: "section"
                },
                {
                    pageTitle: '联系我们',
                    id: 'spa-section-6',
                    type: "section"
                }
            ]} ></Zero.NavPage>
        </Zero.Header>

        <Zero.Body >
            <Zero.Page>

               
               <Zero.Slide className="it-slide" theme='theme-3' gridArea='1/1/2/2' params={{ pageDots: false }}>
                <Zero.Pic  className='carousel-cell' fullScreen="true" gridArea="1/1/2/2" src='https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-2.png' href='#'></Zero.Pic>

                <Zero.Pic fullScreen="true" className='carousel-cell' gridArea="1/1/2/2" src='https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-21.jpg' href='#'>
                    <Zero.Text className="it-slide-text1" gridArea="1/1/2/2" value="TO PROVIDE"></Zero.Text>
                    <Zero.Text className="it-slide-text2" gridArea="2/1/3/2" value="COMPREHENSIVE ONE-STOP SOLUTION"></Zero.Text>
                    <Zero.Text className="it-slide-text3" gridArea="3/1/4/2" value=" 提供全面的一站式解决方案"></Zero.Text>
                    <Zero.Button className="it-slide-link" gridArea="4/1/5/2" value="查看详情"></Zero.Button>
                </Zero.Pic>
                </Zero.Slide>

                <Zero.Section id="spa-section-2" gridArea="2/1/3/2" title="关于我们" sectionTitle="关于我们">
                    <Zero.Text className="p-about-text1" gridArea="1/1/2/2" value="关于我们"></Zero.Text>
                    <Zero.Text className="p-about-text2" gridArea="2/1/3/2" value="About us"></Zero.Text>
                    <Zero.Pic className="p-about-img1" gridArea="3/1/4/2" subGridArea="3/1/5/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-3.png"></Zero.Pic>
                    <Zero.Pic className="p-about-img2" gridArea="4/1/5/2" subGridArea="3/1/5/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-4.png"></Zero.Pic>
                    <Zero.Text className="p-about-text3" gridArea="3/2/4/3" phoneGridArea="5/1/6/2" value="一个炫酷的APP，多年来一直致力于IOS移动 应用开发、Android移动应用开发、App Store发布及营销等服务， 全面解决移动互联网行业面临的应用开发难、运营管理复杂和后端服务整合的问题,先后为全国超过200余家的大中型企事业单位，提供全面专业的一站式解决方案并成为山东交通学院的产学研合作基地，目前上线项目千余款，下载量达数千万次。"></Zero.Text>
                    <Heaven.Line id="p-about-line" gridArea="4/2/5/3" phoneGridArea="6/1/7/2" theme="h"></Heaven.Line>
                </Zero.Section>

                <Zero.Section id="spa-section-3" gridArea="3/1/4/2" title="案例展示" sectionTitle="案例展示">
                    <Zero.Text className="p-case-top-text1" gridArea="1/1/2/2" value="案例展示"></Zero.Text>
                    <Zero.Text className="p-case-top-text2" gridArea="2/1/3/2" value="Case study"></Zero.Text>
                    <Zero.Pic className="p-case-img1 p-case-img" gridArea="1/1/2/2" subGridArea="3/1/4/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-5.png"></Zero.Pic>
                    <Zero.Text className="p-case-middle-text1 p-case-text " gridArea="2/1/3/2" subGridArea="3/1/4/2" value="集会授权您的内容，以迷人的方式精简大量图像和文字。它的长期滚动式主页让访问者能够通过全面流血的横幅图像编织各种博客文章集"></Zero.Text>

                    <Zero.Pic className="p-case-img2 p-case-img" gridArea="1/1/2/2" subGridArea="3/2/4/3" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-6.png"></Zero.Pic>
                    <Zero.Text className="p-case-middle-text2 p-case-text" gridArea="2/1/3/2" subGridArea="3/2/4/3" value="具有永恒外观的经典模板，Avenue的干净直线和基于网格的自适应布局在摄影师，插画师和设计师中特别受欢迎。"></Zero.Text>

                    <Zero.Pic className="p-case-img3 p-case-img" gridArea="1/1/2/2" subGridArea="3/3/4/4" phoneSubGridArea="4/1/5/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-7.png "></Zero.Pic>
                    <Zero.Text className="p-case-middle-text3 p-case-text" gridArea="2/1/3/2" subGridArea="3/3/4/4" phoneSubGridArea="5/1/6/2" value="通过Clay的可购物博客版面和登陆页面吸引客户，该页面结合了品牌的公告和特色产品"></Zero.Text>

                    <Zero.Pic className="p-case-img4 p-case-img" gridArea="1/1/2/2" subGridArea="4/1/5/2" phoneSubGridArea="4/2/5/3" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-8.png"></Zero.Pic>
                    <Zero.Text className="p-case-bottom-text1 p-case-text " gridArea="2/1/3/2" subGridArea="4/1/5/2" phoneSubGridArea="5/2/6/3" value="克强大。通过巨大的屏幕填充图像和各种方式来讲述您的故事，Burke适用于正在进行移动的个人"></Zero.Text>
                    <Zero.Pic className="p-case-img5 p-case-img" gridArea="1/1/2/2" subGridArea="4/2/5/3" phoneSubGridArea="6/1/7/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-9.png"></Zero.Pic>
                    <Zero.Text className="p-case-bottom-text2 p-case-text" gridArea="2/1/3/2" subGridArea="4/2/5/3" phoneSubGridArea="7/1/8/2" value="巧妙的覆盖和有趣的布局将您的产品和服务带入生活。"></Zero.Text>
                    <Zero.Pic className="p-case-img6 p-case-img" gridArea="1/1/2/2" subGridArea="4/3/5/4" phoneSubGridArea="6/2/7/3" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-10.png"></Zero.Pic>
                    <Zero.Text className="p-case-bottom-text3 p-case-text" gridArea="2/1/3/2" subGridArea="4/3/5/4" phoneSubGridArea="7/2/8/3" value="长时间滚动页面展示您工作的图像，吸引访客并吸引潜在客户。凭借简洁的线条和简约的导航，格林威治将重点放在了您的内容上"></Zero.Text>
                </Zero.Section>

                 {/* <Zero.ImgSection className='it-imgsection' gridArea="3/1/4/2" col={3} row={2} isShowClass={false} truthwidth="76%" ifShowTitle={true} ifShowsubtitle={false} imgList={[
                    {
                        src: "http://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-5.png",
                        txt1: '集会授权您的内容，以迷人的方式精简大量图像和文字。它的长期滚动式主页让访问者能够通过全面流血的横幅图像编织各种博客文章集',
                        type:0
                    },
                    {
                        src: "http://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-6.png",
                        txt1: '具有永恒外观的经典模板，Avenue的干净直线和基于网格的自适应布局在摄影师，插画师和设计师中特别受欢迎。',
                        type:0
                    },
                    {
                        src: "http://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-7.png",
                        txt1: '通过Clay的可购物博客版面和登陆页面吸引客户，该页面结合了品牌的公告和特色产品',
                        type:0
                    },
                    {
                        src: "http://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-8.png",
                        txt1: '家用集成灶',
                        type:0
                    },
                    {
                        src: "http://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-9.png",
                        txt1: '油烟机',
                        type:0
                    },
                    {
                        src: "http://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-10.png",
                        txt1: '智能蓝牙音箱',
                        type:0
                    }
                ]} ></Zero.ImgSection> */}


                <Zero.Section id="spa-section-4" gridArea="4/1/5/2" title="服务优势" sectionTitle="服务优势">
                    <Zero.Text className="p-service-top-text1" gridArea="1/1/2/2" value="服务优势"></Zero.Text>
                    <Zero.Text className="p-service-top-text2" gridArea="2/1/3/2" value="Service advantage"></Zero.Text>

                    <Zero.Text className="p-service-middle-text1 p-service-middle-text-common" gridArea="3/1/4/2" subGridArea="3/1/4/2" value="客户体验" ></Zero.Text>
                    <Zero.Text className="p-service-middle-text3 p-service-middle-text-common" gridArea="3/2/4/3" subGridArea="3/2/4/3" value="优势团队"></Zero.Text>
                    <Zero.Text className="p-service-middle-text5 p-service-middle-text-common" gridArea="3/3/4/4" subGridArea="3/3/4/4" phoneSubGridArea="4/1/5/2" value="便捷服务"></Zero.Text>

                    <Zero.Pic className="p-service-middle-icon1 p-service-middle-icon" gridArea="4/1/5/2" subGridArea="3/1/4/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/It-icon/it-icon1.png"></Zero.Pic>
                    <Zero.Text className="p-service-middle-text2 p-service-middle-text  " gridArea="4/2/5/3" subGridArea="3/1/4/2" value="一个炫酷的网站才配得上创业者的新潮创意。微企点采用HTML5最新技术，拥有大气舒适的界面和众多精美微企点。"></Zero.Text>
                    <Zero.Pic className="p-service-middle-icon2 p-service-middle-icon" gridArea="4/3/5/4" subGridArea="3/2/4/3" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/It-icon/it-icon2.png"></Zero.Pic>
                    <Zero.Text className="p-service-middle-text4 p-service-middle-text  " gridArea="4/4/5/5" subGridArea="3/2/4/3" value="随需而变,像编辑PPT一样制作网页.网页所见即所得,让创业者省时省力.无需编程."></Zero.Text>
                    <Zero.Pic className="p-service-middle-icon3 p-service-middle-icon" gridArea="4/5/5/6" subGridArea="3/3/4/4" phoneSubGridArea="4/1/5/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/It-icon/it-icon3.png"></Zero.Pic>
                    <Zero.Text className="p-service-middle-text6  p-service-middle-text " gridArea="4/6/5/7" subGridArea="3/3/4/4" phoneSubGridArea="4/1/5/2" value="本公司将智能进行到底,本公司所有模板.功能全部智能.智能提供无上限的空间容量."></Zero.Text>

                    <Zero.Text className="p-service-bottom-text1 p-service-bottom-text-common" gridArea="5/1/6/2" subGridArea="4/1/5/2" phoneSubGridArea="4/2/5/3" value="售后服务"></Zero.Text>
                    <Zero.Text className="p-service-bottom-text3 p-service-bottom-text-common" gridArea="5/2/6/3" subGridArea="4/2/5/3" phoneSubGridArea="5/1/6/2" value="推广服务"></Zero.Text>
                    <Zero.Text className="p-service-bottom-text5 p-service-bottom-text-common" gridArea="5/3/6/4" subGridArea="4/3/5/4" phoneSubGridArea="5/2/6/3" value="设计新颖"></Zero.Text>

                    <Zero.Pic className="p-service-bottom-icon1 p-service-bottom-icon" gridArea="6/1/7/2" subGridArea="4/1/5/2" phoneSubGridArea="4/2/5/3" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/It-icon/it-icon4.png"></Zero.Pic>
                    <Zero.Text className="p-service-bottom-text2 p-service-bottom-text " gridArea="6/2/7/3" subGridArea="4/1/5/2" phoneSubGridArea="4/2/5/3" value="采用HTML5最新技术,支持多终端跨屏展示,电脑.微信.手机一个都不能少"></Zero.Text>
                    <Zero.Pic className="p-service-bottom-icon2 p-service-bottom-icon" gridArea="6/3/7/4" subGridArea="4/2/5/3" phoneSubGridArea="5/1/6/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/It-icon/it-icon5.png"></Zero.Pic>
                    <Zero.Text className="p-service-bottom-text4 p-service-bottom-text" gridArea="6/4/7/5" subGridArea="4/2/5/3" phoneSubGridArea="5/1/6/2" value="网站能自传播,运营数据随时掌握.还可以一键分享直达社交媒体平台."></Zero.Text>
                    <Zero.Pic className="p-service-bottom-icon3 p-service-bottom-icon" gridArea="6/5/7/6" subGridArea="4/3/5/4" phoneSubGridArea="5/2/6/3" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/It-icon/it-icon6.png"></Zero.Pic>
                    <Zero.Text className="p-service-bottom-text6 p-service-bottom-text" gridArea="6/6/7/7" subGridArea="4/3/5/4" phoneSubGridArea="5/2/6/3" value="网站能自传播,运营数据随时掌握.还可以一键分享直达社交媒体平台"></Zero.Text>

                </Zero.Section>

                <Zero.Section id="spa-section-5" gridArea="5/1/6/2" title="团队介绍" sectionTitle="团队介绍">
                    <Zero.Text className="p-team-top-text1" gridArea="1/1/2/2" value="团队介绍"></Zero.Text>
                    <Zero.Text className="p-team-top-text2" gridArea="2/1/3/2" value="Team Introduction"></Zero.Text>
                    <Zero.Text className="p-team-top-text3" gridArea="3/1/4/2" value="卓越的app制作公司，十年技术沉淀 专业制作团队 免费提供模板 终生技术指导!24小时app制作售后服务 为您保驾护航 app开发团队、在移动APP开发、制作、外包等领域深耕细作，多年行业app开发经验，专业科学的app开发流程、优惠的制作价格，认真负责的态度， 为您提供策划、研发、推广、运营、售后服务等全方位的APP开发制作服务"></Zero.Text>
                    <Zero.Pic className="p-team-img1 p-team-img" gridArea="4/1/5/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-11.jpg"></Zero.Pic>
                    <Zero.Pic className="p-team-img2 p-team-img" gridArea="4/2/5/3" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-12.jpg"></Zero.Pic>
                    <Zero.Pic className="p-team-img3 p-team-img" gridArea="4/3/5/4" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-13.jpg"></Zero.Pic>
                    <Zero.Text className="p-team-bottom1-text1 p-team-bottom1-text" gridArea="5/1/6/2" value="Carrie"></Zero.Text>
                    <Zero.Text className="p-team-bottom1-text2 p-team-bottom1-text" gridArea="5/2/6/3" value="Alvin"></Zero.Text>
                    <Zero.Text className="p-team-bottom1-text3 p-team-bottom1-text" gridArea="5/3/6/4" value="Clarence"></Zero.Text>
                    <Zero.Text className="p-team-bottom2-text1 p-team-bottom2-text" gridArea="6/1/7/2" value="总经理"></Zero.Text>
                    <Zero.Text className="p-team-bottom2-text2 p-team-bottom2-text" gridArea="6/2/7/3" value="资深设计师"></Zero.Text>
                    <Zero.Text className="p-team-bottom2-text3 p-team-bottom2-text" gridArea="6/3/7/4" value="技术总编"></Zero.Text>
                </Zero.Section>

                <Zero.Section id="spa-section-6" gridArea="6/1/7/2" title="联系我们" sectionTitle="联系我们">
                    <Zero.Text className="p-contact-top-text1" gridArea="1/1/2/2" value="联系我们"></Zero.Text>
                    <Zero.Text className="p-contact-top-text2" gridArea="2/1/3/2" value="Contact us"></Zero.Text>
                    <Zero.Text className="p-contact-middle-left-text1 p-contact-text" gridArea="3/1/4/2" value="零代码智能建站平台"></Zero.Text>
                    <Zero.Text className="p-contact-middle-left-text2 p-contact-text" gridArea="4/1/5/2" value="lingdaima.cn"></Zero.Text>
                    <Heaven.Line className="p-contact-line" gridArea="5/1/6/2" theme="h"></Heaven.Line>
                    <Heaven.Line className="p-contact-line2" gridArea="6/1/7/2" theme="h"></Heaven.Line>
                    <Zero.Text className="p-contact-middle-left-text3 p-contact-text" gridArea="7/1/8/2" value="地址:浙江省杭州市余杭区梦想小镇E商村5栋3楼"></Zero.Text>
                    <Zero.Text className="p-contact-middle-left-text4 p-contact-text" gridArea="8/1/9/2" value="电话：400-888-8888"></Zero.Text>
                    <Zero.Text className="p-contact-middle-left-text5 p-contact-text" gridArea="9/1/10/2" value="电子邮箱：lingdaima@163.com"></Zero.Text>
                    <Zero.Text className="p-contact-middle-left-text6 p-contact-text" gridArea="10/1/11/2" value="邮政编码：100000"></Zero.Text>
                    <Zero.Layout className="p-contact-box1" gridArea="11/1/12/2" >
                        <Zero.Pic className="p-contact-icon1 p-contact-icon" gridArea="1/1/2/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-15.png"></Zero.Pic>
                    </Zero.Layout>
                    <Zero.Pic className="p-contact-img" gridArea="11/2/12/3" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-16.png"></Zero.Pic>
                    <Zero.Layout className="p-contact-box2" gridArea="11/3/12/4" >
                        <Zero.Pic className="p-contact-icon2 p-contact-icon" gridArea="1/1/2/2" src="https://dotlinkface-tmpl.oss-cn-shanghai.aliyuncs.com/IT/IT-17.png"></Zero.Pic>
                    </Zero.Layout>
                    <Zero.Text className="p-contact-bottom-text1" gridArea="12/1/13/2" value="扫一扫"></Zero.Text>
                    <Zero.Text className="p-contact-bottom-text2" gridArea="13/1/14/2" value="关注微信公众号"></Zero.Text>
                </Zero.Section>


            </Zero.Page>
        </Zero.Body>
        <Zero.Footer className="it-footer" gridArea="1/1/2/2"></Zero.Footer>
        <Zero.NavMobile className="it-mobile-nav" gridArea="1/1/2/2" theme="theme-1" navList={[
            {
                type: "section",
                pageTitle: '首页',
                id: 'spa-section-1',
            }, {
                type: "section",
                pageTitle: '关于我们',
                id: 'spa-section-2',

            }, {
                type: "section",
                pageTitle: '案例展示',
                id: 'spa-section-3'
            }, {
                pageTitle: '服务优势',
                id: 'spa-section-4',
                type: "section"

            }
            , {
                pageTitle: '团队介绍',
                id: 'spa-section-5',
                type: "section"
            },
            {
                pageTitle: '联系我们',
                id: 'spa-section-6',
                type: "section"
            }
        ]} />
    </Zero.Site>
)